<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html">

    <h:head>
        <title>Cargo Tracker</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <h:outputStylesheet name="title.css"/>
        <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"></link>
        <link href="http://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/css"/>
    </h:head>

    <h:body>
        <div class="intro-header">
            <div class="row">
                <div class="intro-message">
                    <hr class="intro-divider"/>
                    <h1 class="shadowme">Cargo Tracker</h1><a href="https://github.com/javaee/cargotracker/"><img src="images/CTlogobadge128.png" height="64" /></a> 
                    <h2 class="shadowme">Applied domain-driven design blueprints for Java EE</h2>
                    <h2><a class="shadowme" style="color:orange;text-decoration:none;" href="public/track.xhtml">Public Tracking Interface</a></h2>
                    <h2><a class="shadowme" style="color:orange;text-decoration:none;" href="admin/dashboard.xhtml">Administration Interface</a></h2>
                    <h2><a class="shadowme" style="color:orange;text-decoration:none;" href="javascript:void(0)" onClick="window.open('mobile.xhtml', 'mobile.xhtml', 'width=320,height=440')">Mobile Event Logger</a></h2>
                    <hr class="intro-divider"/>
                </div>
            </div>
        </div>
    </h:body>      
</html>
